<!-- @format -->

<template>
  <div class="my-left">
    <h3>库里</h3>
    <p>金州勇士</p>
  </div>
</template>

<script>
  export default {}
</script>

<style scoped>
  /* 
    一旦给组件的style标签添加了scoped属性，会带来两个影响：
    1. 当前组件内的所有标签都会添加一个 data-v-[hash:8] 自定义属性
    2. 配合当前组件的样式选择器结合属性选择器，形成一个交集选择器，
       因为每个组件的data-v-[hash:8]不同，所以形成后的交集选择器只会选中
       当前组件内部的元素，不会影响其它组件的样式
  */
  h3 {
    color: red;
  }
</style>
